<template>
	<AdminLayout activeKey="content" :breadcrumbs="['首页','内容管控']" tabTitle="内容管控">
		<view class="page">
			<view class="redirect-notice">
				<text class="notice-title">页面已迁移</text>
				<text class="notice-desc">内容管控功能已拆分为独立页面，请通过侧边栏导航访问：</text>
				<view class="redirect-links">
					<navigator url="/pages/admin/task-audit/index" class="redirect-link">
						<text class="link-title">任务发布审核</text>
						<text class="link-desc">审核用户发布的任务，管理任务状态</text>
					</navigator>
					<navigator url="/pages/admin/community-audit/index" class="redirect-link">
						<text class="link-title">圈子内容审核</text>
						<text class="link-desc">管理校园圈子中的活动和帖子内容</text>
					</navigator>
					<navigator url="/pages/admin/order-management/index" class="redirect-link">
						<text class="link-title">订单与交易管理</text>
						<text class="link-desc">监控有偿任务订单流水和交易状态</text>
					</navigator>
				</view>
			</view>
		</view>
	</AdminLayout>
</template>

<script>
import AdminLayout from '@/components/AdminLayout.vue'

export default {
	components: { AdminLayout },
	mounted() {
		// 2秒后自动跳转到任务审核页面
		setTimeout(() => {
			uni.navigateTo({
				url: '/pages/admin/task-audit/index'
			})
		}, 2000)
	}
}
</script>

<style scoped>
.page {
	padding: 40rpx;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.redirect-notice {
	text-align: center;
	max-width: 800rpx;
}

.notice-title {
	font-size: 48rpx;
	font-weight: 600;
	color: #333;
	display: block;
	margin-bottom: 20rpx;
}

.notice-desc {
	font-size: 28rpx;
	color: #666;
	display: block;
	margin-bottom: 40rpx;
	line-height: 1.6;
}

.redirect-links {
	display: flex;
	flex-direction: column;
	gap: 20rpx;
}

.redirect-link {
	background: #fff;
	border-radius: 16rpx;
	padding: 24rpx;
	box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.1);
	border: 2rpx solid transparent;
	transition: all 0.3s;
	text-decoration: none;
}

.redirect-link:hover {
	border-color: #007aff;
	box-shadow: 0 4rpx 20rpx rgba(0,122,255,0.2);
}

.link-title {
	font-size: 32rpx;
	font-weight: 600;
	color: #007aff;
	display: block;
	margin-bottom: 8rpx;
}

.link-desc {
	font-size: 26rpx;
	color: #666;
	line-height: 1.5;
	display: block;
}

@media (max-width: 750rpx) {
	.page {
		padding: 20rpx;
	}
	
	.redirect-notice {
		max-width: 100%;
	}
}
</style>